<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <link rel="icon" href="./favicon.ico"/>
  <title>解决方案-分销商城</title>
  <link rel="stylesheet" href="./libs/uikit/css/uikit.min.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_938989_wfn8mzlz6t.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="css/reset.css"/>
  <link rel="stylesheet" href="css/head.css"/>
  <link rel="stylesheet" href="./libs/swiper/css/swiper.min.css"/>
  <link rel="stylesheet" href="css/style.css"/>

</head>
<body>
<div id="app">
  <!-- 导航菜单 -->
  <div class="headers">
    <header class="header">
      <div class="clearfix">
        <div class="fl left">
          <a href="javascript:void(0)"><img src="image/logo.png" alt="" class="img1"/></a>
        </div>
        <div class="fr nav">
          <ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
            <li><a href="./index.html">首页</a></li>
            <li class="dropdown">
              <a href="./solution.html" class="active">解决方案 <span class="iconfont icon-bottom"></span></a>
              <div class="dropdown_menu">
                <a href="./solution-shop.html">分销商城</a>
                <a href="./solution-zxj.html">租享家管理</a>
              </div>
            </li>
            <li><a href="./examples.html">应用案例</a></li>
            <li><a href="./orders.html">定制服务</a></li>
            <li><a href="./about.html">关于我们</a></li>
          </ul>
        </div>
        <a href="javascript:void(0)" id="navToggle">
          <span></span>
        </a>
      </div>
    </header>
    <div class="m_nav">
      <div class="top clearfix">
        <img src="image/closed.png" alt="" class="closed"/>
      </div>
      <div class="logo">
        <img src="image/logo2.png" alt=""/>
      </div>
      <ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
        <li><a href="./index.html">首页</a></li>
        <li class="dropdown">
          <a href="javascript:void(0)" class="active">解决方案 <span class="iconfont icon-bottom fr"></span> </a>
          <div class="dropdown_menu">
            <a href="./solution.html">方案预览</a>
            <a href="./solution-shop.html">分销商城</a>
            <a href="./solution-zxj.html">租享家管理</a>
          </div>
        </li>
        <li><a href="./examples.html">应用案例</a></li>
        <li><a href="./orders.html">定制服务</a></li>
        <li><a href="./about.html">关于我们</a></li>
      </ul>
    </div>
  </div>

  <!-- 轮播-数据 -->
  <div class="banner solution-banner">
    <img class="uk-visible@m" src="./image/zxj_banner.png" alt="九鸟banner">
    <img class="uk-hidden@m" src="./image/zxj_banner_wap.jpg" alt="九鸟banner">
  </div>

  <!--“0”成本开启智能管理-->
  <div class="item-padding zxj-manager">
    <div class="uk-container">
      <div class="index-comm-title comm-title-small">
        <p class="title-en">“0”成本开启智能管理</p>
        <p class="title-zh">是否还在风吹日晒、上下爬楼？是否还在手工抄写账单？是否还在一遍遍催缴？租享家智能管理。让您随时随地轻松管理。</p>
      </div>
      <div class="manager-list">
        <div class="swiper-container" id="zxjManager">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="(item,index) in aiList" :key="index"
              :class="item.active==1?'swiper-slide-active':''">
              <p class="item-ic-num">
                <span class="item-num">{{item.num}}</span>
                <span class="item-ic iconfont" :class="item.icon"></span>
              </p>
              <p class="item-title">{{item.title}}</p>
              <p class="item-desc">{{item.desc}}</p>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
        <!-- Add Arrows -->
        <span class="m-swiper-button-next iconfont icon-jiantou4"></span>
        <span class="m-swiper-button-prev iconfont icon-jiantou"></span>
      </div>
    </div>
  </div>

  <div class="zxj-service">
    <div class="uk-container">
      <div class="uk-grid uk-child-width-1-2@m">
        <div class="service-img">
          <img src="./image/zxj_service.png" alt="">
        </div>
        <div class="service-content">
          <div class="swiper-container" id="zxjService">
            <div class="swiper-wrapper">
              <div class="swiper-slide" v-for="(item,index) in 3" :key="index">
                <div class="content-item">
                  <p class="item-title">房屋托管运营</p>
                  <p class="item-desc">结合房屋管理SAAS系统及智能硬件实现可视化管理；线上签约，合理管理，账单结算。水电数据，交租，退房验收，保修，维修所有租务全线上化、透明化。</p>
                </div>
                <div class="content-item content-item-info">
                  <p class="item-title item-title-divider">服务标准</p>
                  <p class="item-desc">
                    所有房屋安装全套智能设备，配备专业服务管家、保洁员，书店维修等线下服务人员，提供房屋出租管理的全流程服务；租客的押金、租金、数电法全部通过线上支付直接转入房东账户，房东只需按时查收账款，招租前房屋定价即可。</p>
                </div>
              </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--项目-->
  <div class="item-padding zxj-product">
    <div class="uk-container">
      <div class="swiper-container" id="zxjProduct">
        <div class="swiper-wrapper">
          <div class="swiper-slide" v-for="(item,index) in 3">
            <div class="product-img"><img src="./image/solution_item.png" alt=""></div>
            <p class="product-name">房屋包租</p>
            <p class="product-desc">结合房屋管理SAAS系统及智能硬件实现可视化管理；线上签约，合理管理，账单结算。水电数据，交租，退房验收，保修，维修所有租务全线上化、透明化。</p>
          </div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>

  <!--尾部-->
  <div class="footer wow fadeInUp">
    <div class="uk-container">
      <div class="uk-grid">
        <div class="uk-width-1-3@m">
          <h1 class="footer-name">上海九鸟软件有限公司</h1>
          <p class="footer-contact-item"><span class="iconfont icon-weibiaoti-"></span>电话：18862486210</p>
          <p class="footer-contact-item"><span class="iconfont icon-youxiang-"></span>地址：昆山市和丰路108号太平洋商业广场1233室</p>
          <p class="footer-contact-item"><span class="iconfont icon-dizhi"></span>邮箱：105498540@qq.com</p>
        </div>
        <div class="uk-width-2-3@m sub-info">
          <div class="uk-grid uk-child-width-1-3@m">
            <div class="input-item"><input type="text" placeholder="姓名"></div>
            <div class="input-item"><input type="text" placeholder="邮箱"></div>
            <div class="input-item"><input type="text" placeholder="电话"></div>
          </div>
          <div class="sub-desc"><textarea placeholder="内容"></textarea></div>
          <button class="uk-button uk-button-primary btn-sub">提交</button>
        </div>
      </div>
    </div>
  </div>

  <!--底部地图-->
  <div class="footer-map wow fadeInUp">
    <div class="uk-container">
      <a class="map-item" href="index.html">首页 </a>|
      <a class="map-item map-item-active" href="solution.html"> 解决方案 </a>|
      <a class="map-item" href="examples.html"> 应用案例 </a>|
      <a class="map-item" href="orders.html"> 定制服务 </a>|
      <a class="map-item" href="about.html"> 关于我们 </a>
    </div>
    <p class="copy-right">备案号:沪ICP备xxxxx号</p>
  </div>

  <!--返回顶部-->
  <span id="toTop" class="iconfont icon-fanhuidingbu to-top hide"></span>
</div>


<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.common.dev.js"></script>
<script src="./libs/wow.min.js"></script>
<script src="./libs/uikit/js/uikit.min.js"></script>
<script src="./js/header.js"></script>
<script src="./libs/swiper/js/swiper.min.js"></script>
<script src="./datas/zxj.js"></script>
</body>
</html>